<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>练习</title>
    <link rel="stylesheet" href="css/login.css">
</head>
<body>


<div id="asd">
    <div class="zcdl1 title">登录</div>
    <div class="zcdl2 title">注册</div>
    <div class="bot">
        <div class="total dl">
            <form id="loginForm" method="post">
                <!-- {:token()} -->
                <p>账号：<input type="text" name="username" required style="width: 80%" maxlength="20"
                             placeholder="最多输入20个字符"/></p>
                <p>密码：<input type="password" name="pwd" required style="width: 80%" maxlength="16"
                             placeholder="请输入字母、数字或字母数字的组合"
                             onkeyup="value=value.replace(/[^\w\.\/]/ig,'')"/></p>
                <p>验证码: <input type="text" name="code" required size="10" maxlength="4"></p>
                <div>
                    <img src="" id="codeimg_login">
                </div>
                <input type="hidden" name="types" value="login">
                <input type="hidden" name="random_code" value="">
                <input type="button" name="" class="btn_sub login" value="登录"/>
            </form>
        </div>
        <div class="total zc">
            <form id="regisForm" method="post" enctype="multipart/form-data">
                <!-- {:token()} -->
                <p>账号：<input type="text" name="username" maxlength="20" autocomplete="off" required style="width: 80%"
                             placeholder="最多输入20个字符"/></p>
                <p>密码：<input type="password" name="pwd" style="width: 80%" required maxlength="16"
                             placeholder="请输入字母、数字或字母数字的组合"
                             onkeyup="value=value.replace(/[^\w\.\/]/ig,'')"/></p>
                <p>确认密码：<input type="password" required maxlength="16"
                               onkeyup="value=value.replace(/[^\w\.\/]/ig,'')" name="pwd_confirm"/></p>
                <p>昵称：<input type="text" name="nk_name" required/></p>
                <!--                <p>邮箱：<input type="email" name="email" /></p>-->
                <!--                <p>手机号：<input type="text" name="phone" /></p>-->
                <p>头像：<input type="file" name="img" accept=".jpg,.jpeg,image/jpg,image/jpeg"/></p>
                <p>验证码: <input type="text" required name="code" size="10" maxlength="4"></p>
                <a href="#" id="changeImg">
                    <img src="" id="codeimg_regist">
                </a>
                <input type="hidden" name="types" value="regist">
                <input type="hidden" name="random_code" value="">
                <input type="button" class="btn_sub regist" name="" value="注册"/>
            </form>
        </div>
    </div>
</div>
</body>
</html>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="js/login.js"></script>
<script>


</script>